簡介：性能優(yōu)化成神之路的必看之課，是前端性能優(yōu)化基礎(chǔ)簡介的后續(xù)篇章，作為一門前端性能優(yōu)化的進(jìn)階課程，本課程介紹了常用的性能優(yōu)化方法，以及老師自己在工作中摸索出來的，并且在大廠使用的課程。
第1章 實(shí)戰(zhàn)項(xiàng)目初始化
主要接介紹nodejs、grunt的常用方法，以及clone下來我們的實(shí)驗(yàn)項(xiàng)目。
第2章 常用的圖片優(yōu)化方法
講解實(shí)戰(zhàn)項(xiàng)目中圖片的加載方式，以及常用圖片類型，使用場景。最后使用grunt，優(yōu)化一下我們項(xiàng)目的圖片問題
第3章 常用視頻優(yōu)化方法
本章節(jié)簡單介紹了視頻站點(diǎn)中最核心的優(yōu)化點(diǎn)都有哪些，以及附帶跟大家一起制作一個自定義播放器皮膚的事例。
第4章 介紹常用緩存方式
介紹cookie/sessionstroage/localstroage/userData/openData等業(yè)內(nèi)常用的存儲方式，以及他們的優(yōu)缺點(diǎn)，何種情況下使用他們。
第5章 做一個通用的緩存SDK
運(yùn)用我們之前講到的知識，實(shí)際寫出一個本地緩存通用的tools出來，方便學(xué)生們在今后的開發(fā)中使用，以及把學(xué)生帶入編程的整體流程中，一行一行的寫，差錯，解決。介紹老師自己編程中使用的方法論-編程就是填空題。
- 視頻： 5-1 SDK功能簡介 (01:00)
- 視頻： 5-2 網(wǎng)絡(luò)功能拆解 (01:57)
- 視頻： 5-3 網(wǎng)絡(luò)請求1 (10:21)
- 視頻： 5-4 網(wǎng)絡(luò)請求2 (02:06)
- 視頻： 5-5 前三個3 (06:16)
- 視頻： 5-6 本地存儲模塊 (02:29)
- 視頻： 5-7 Ie開頭 (03:04)
- 視頻： 5-8 startup (03:10)
- 視頻： 5-9 SaveSDK (06:31)
- 視頻： 5-10 startup填空 (05:40)
- 視頻： 5-11 添加寫入DomUtils (08:24)
- 視頻： 5-12 SDK完成 (08:04)
- 視頻： 5-13 代碼引入 (05:14)
- 視頻： 5-14 改正語法錯誤 (05:39)
- 視頻： 5-15 代碼死循環(huán) (04:49)
- 視頻： 5-16 死循環(huán)問題解決 (03:50)
- 視頻： 5-17 寫入緩存 (04:29)
- 視頻： 5-18 請求發(fā)送XHR對象為Null (13:18)
- 視頻： 5-19 解決xhr為Null (02:53)
- 視頻： 5-20 解決回調(diào)失敗問題 (05:45)
- 視頻： 5-21 存儲成功 (01:22)
- 視頻： 5-22 讀取成功 (08:06)
- 視頻： 5-23 我們的SDK適合干什么 (06:35)
- 視頻： 5-24 大功告成 (08:25)
第6章 高性能的dom
主要介紹造成性能優(yōu)化dom時候，主要碰到的重繪以及回流問題。介紹他們的成因以及解決方案，最后實(shí)際寫出代碼驗(yàn)證方案。